<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="author" content="wangbo">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>精灵图</title>
  <!-- 精灵图一般是背景图片 -->
</head>
<body>
  <!-- 精灵图的出现,就是为了避免小的图片过多,才出现的 
  小图片请求会快.小图片请求次数会多啊,会增加服务器的压力
  吃饭,一个服务员可以应对5个客户,互联网发展到现今,带宽已经不重要了,请求的压力,
  双11,5千万同时点,抢购,,把10小图片,整合成一个大图片,发给你,只需要请求一次,就可以了,不需要10了
  -->
  <input type="text" value="我是拼拼图">
  <p></p><span></span>
  <div name='divshuxing' >
 我是div
  </div>
</body>
</html>